<template>
  <div>
    <!-- 顶部框模块 -->
    <div class="form-group">
      <div class="input-group">
       <slot name='title' >
         默认
       </slot>
      </div>
    </div>

    <table class="table table-bordered table-hover mt-2">
      <thead>
        <tr>
          <th>编号</th>
          <th>资产名称</th>
          <th>价格</th>
          <th>创建时间</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in list" :key="item.id">
          <td>
            <slot name="id" :id="item.id">{{ item.id }}</slot>
          </td>

          <td>
            <slot name="name1" :name2="item.name">{{ item.name }}</slot>
          </td>

          <td>
            <slot name="price" :price1="item.price">{{ item.price }}</slot>
          </td>

          <td>
            <slot name="time" :time1="item.time">{{ item.time }}</slot>
          </td>

          <td>
           <slot name="btn"></slot>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    list: {
      type: Array,
      require: true
    }
  },
  data () {
    return {}
  },

  created () {},

  methods: {}
}
</script>

<style scoped lang="less"></style>
